<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/common.css?01_38" />
		<link rel="stylesheet" type="text/css" href="../css/templet.css?01_38" />
		<link rel="stylesheet" type="text/css" href="../fonts/font-awesome.min.css?01_38" />
		<link rel="stylesheet" type="text/css" href="../mui/css/mui.css?01_38" />
		<link rel="stylesheet" type="text/css" href="../ali/iconfont.css?01_38" />
		<link rel="stylesheet" type="text/css" href="../css/queue.css"/>
		<script type="text/javascript" src="../common/js/jquery.js?01_38"></script>
		
		<!--插件-->
		<script type="text/javascript" src="../common/js/vue.min.js?01_38"></script>
		<script type="text/javascript" src="../common/js/mui.min.js?01_38"></script>
		<script type="text/javascript" src="../common/js/update.js?01_38"></script>
		
		<script type="text/javascript" src="../common/js/common.js?01_38"></script>
		<script type="text/javascript" src="../common/js/fastclick.js?01_38"></script>
		<script type="text/javascript" src="../common/js/main.js?01_38"></script>
		<script type="text/javascript" src="../common/js/app.js?01_38"></script>
		<style type="text/css">
			.childFooter .footerList .bg.bg_04 { background-image: url(../images/queue/fb_04.png);} 
		</style>
	</head>
	<body>
		<!--头部-->
		<header class="bg-red9 fff f-20 pad-t-10 pad-b-10 pad-r-10">
			<div class="pa back pad-l-10 back re" onclick="backpre()">
				<div class="order_back"></div>
				<a></a>
			</div>
			<div @click="test()" class="center">历史</div>
			<!--<div class="pa set">
				<a href="queue_set.html" class="fff f-15 pad-r-10"><i></i></a>
			</div>-->
		</header>
		<div id="app">
			<div class="wrap_body queue_takeNumber queue_callNumber queue_history bg-e4">
				
				<!--内容区-->
				<div class="pad-t-45 pad-b-80">
					<div class="no_content center f-14 hide">
						<div class="bg"></div>
						<p>没有排队信息</p>
					</div>
					<div class="have_content">
						<!--状态显示-->
						<div class="pad-l-12 pad-r-12 pad-t-10 cf table_wrap">
							<div class="fl bg-fff pad-8 pad-b-3 f-12 table center all" @click="choose($event)">
								<span>全部</span>
							</div>
							<div class="fl bg-fff pad-8 pad-b-3 f-12 table center active" @click="choose($event)">
								<div class="fiex">中桌（3-4） </div>
								<div class="red9"><i class="fa fa-user mag-r-5"></i>6</div>
							</div>
							<div class="fl bg-fff pad-8 pad-b-3 f-12 table center" @click="choose($event)">
								<div class="fiex">快又多快餐店 （3-4）</div>
								<div class="red9"><i class="fa fa-user mag-r-5"></i>6</div>
							</div>
							<div class="fl bg-fff pad-8 pad-b-3 f-12 table center" @click="choose($event)">
								<div class="fiex">大桌（3-4）</div>
								<div class="red9"><i class="fa fa-user mag-r-5"></i>6</div>
							</div>
							<div class="fl bg-fff pad-8 pad-b-3 f-12 table center" @click="choose($event)">
								<div class="fiex">大桌（3-4）</div>
								<div class="red9"><i class="fa fa-user mag-r-5"></i>6</div>
							</div>
							<div class="fl bg-fff pad-8 pad-b-3 f-12 table center" @click="choose($event)">
								<div class="fiex">大桌（3-4）</div>
								<div class="red9"><i class="fa fa-user mag-r-5"></i>6</div>
							</div>
							<div class="fl bg-fff pad-8 pad-b-3 f-12 table center" @click="choose($event)">
								<div class="fiex">大桌（3-4）</div>
								<div class="red9"><i class="fa fa-user mag-r-5"></i>6</div>
							</div>
							<div class="fl bg-fff pad-8 pad-b-3 f-12 table center" @click="choose($event)">
								<div class="fiex">大桌（3-4）</div>
								<div class="red9"><i class="fa fa-user mag-r-5"></i>6</div>
							</div>
						</div>
						
						<!--状态详情-->
						<div class="table_details_list bg-fff">
							<div class="fiex table_details">
								<!--左边号码部分-->
								<div class="fiex3 pad-10 pad-l-12">
									<div class="fiex number">
										<div class="f-30">A12</div>
										<div class="c666">（2人）<span class="eat fff f-10 pad-l-10 pad-r-10 pad-t-2">已用餐</span></div>
									</div>
									<div class="c666 f-12">取号时间：10:54</div>
								</div>
								<!--右边操作部分-->
								<div class="fiex2 pad-10 set_wrap fiex center c666 pad-r-12">
									
									<!--<div class="set pad-10 pad-b-5 mag-r-5">
										<div class="bg bg_02"></div>
										<p>用餐</p>
									</div>-->
									<div class="set pad-10 pad-b-5">
										<div class="bg bg_04"></div>
										<p>撤销</p>
									</div>
								</div>
							</div>
							<div class="fiex table_details">
								<!--左边号码部分-->
								<div class="fiex3 pad-10 pad-l-12">
									<div class="fiex number">
										<div class="f-30">A12</div>
										<div class="c666">（2人）<span class="queue fff f-10 pad-l-10 pad-r-10 pad-t-2">排队中</span></div>
									</div>
									<div class="c666 f-12">取号时间：10:54</div>
								</div>
								<!--右边操作部分-->
								<div class="fiex2 pad-10 set_wrap fiex center c666 pad-r-12">
									
									<!--<div class="set pad-10 pad-b-5 mag-r-5">
										<div class="bg bg_02"></div>
										<p>用餐</p>
									</div>
									<div class="set pad-10 pad-b-5">
										<div class="bg bg_04"></div>
										<p>撤销</p>
									</div>-->
								</div>
							</div>
							<div class="fiex table_details">
								<!--左边号码部分-->
								<div class="fiex3 pad-10 pad-l-12">
									<div class="fiex number">
										<div class="f-30">A12</div>
										<div class="c666">（2人）<span class="done fff f-10 pad-l-10 pad-r-10 pad-t-2">已过号</span></div>
									</div>
									<div class="c666 f-12">取号时间：10:54</div>
								</div>
								<!--右边操作部分-->
								<div class="fiex2 pad-10 set_wrap fiex center c666 pad-r-12">
									
									<div class="set pad-10 pad-b-5 mag-r-5">
										<div class="bg bg_02"></div>
										<p>用餐</p>
									</div>
									<div class="set pad-10 pad-b-5">
										<div class="bg bg_04"></div>
										<p>撤销</p>
									</div>
								</div>
							</div>
							
							
						</div>
					</div>
				</div>
				<!--底部-->
				<div class="childFooter bg-fff pad-l-20 pad-r-20 f-12">
					<div class="fiex childFooterWrap">
<<<<<<< HEAD
						<div class="footerList pad-t-10" @click="footJum('queue_takeNumber.html')">
							<div class="bg bg_01"></div>
							<div class="center">取号</div>
						</div>
						<div class="footerList pad-t-10" @click="footJum('queue_callNumber.html')">
							<div class="bg bg_02"></div>
							<div class="center">叫号</div>
						</div>
						<div class="footerList pad-t-10" @click="footJum('queue_tableStatus.html')">
							<div class="bg bg_03"></div>
							<div class="center">桌位状态</div>
						</div>
						<div class="footerList pad-t-10 active" @click="footJum('queue_history.html')">
=======
						<div class="footerList pad-t-10" @click="gotoart('queue_takeNumber.html')">
							<div class="bg bg_01"></div>
							<div class="center">取号</div>
						</div>
						<div class="footerList pad-t-10" @click="gotoart('queue_callNumber.html')">
							<div class="bg bg_02"></div>
							<div class="center">叫号</div>
						</div>
						<div class="footerList pad-t-10" @click="gotoart('queue_tableStatus.html')">
							<div class="bg bg_03"></div>
							<div class="center">桌位状态</div>
						</div>
						<div class="footerList pad-t-10 active" @click="gotoart('queue_history.html')">
>>>>>>> fe271d67307590a1566f27ae5c092969548cb49c
							<div class="bg bg_04"></div>
							<div class="center">历史</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		var app = null;
		//头部返回键
		function backpre () {
			if(isAPP) {
				var preUrl = plus.webview.currentWebview().opener();
				preUrl.evalJS("refresh()");
			}
			com_back();
		}
		//下拉刷新
		function refresh () {
			app.init();
		}
		function fun1 () {
			app = new Vue({
				el:"#app",
				data:{
					
				},
				methods:{
					init: function () {
						
					},
					gotoart: function (e) {
						clicked(e)
					},
					choose: function (ele) {
						var _this = ele.currentTarget;
						$(_this).addClass("active").siblings().removeClass("active");
<<<<<<< HEAD
					},
					footJum: function (e) {
						if(isAPP) {
							clicked(e);
							var ws = plus.webview.currentWebview();
							plus.webview.close(ws.id, false);
						}else {
							clicked(e);
						}
=======
>>>>>>> fe271d67307590a1566f27ae5c092969548cb49c
					}
				}
			})
		}
	</script>
</html>
